<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <!-- <link rel="stylesheet" type="text/css" href="{$_G['URL']['YX2020_CSS']}css/reset.css"> -->

    <script src="https://css2020.yixuan.net/2020css/yx2020/js/jquery.js?v=2"></script>
    <link rel="stylesheet" type="text/css" href="https://css2020.yixuan.net/2020css/yx2020/css/reset.css">
    <link rel="stylesheet" type="text/css" href="https://css2020.yixuan.net/2020css/yx2020/css/swiper.min.css">

    <script src="https://css2020.yixuan.net/2020css/yx2020/js/swiper-3.4.2.min.js"></script>
    <script src="{$_G['URL']['LOTTERY_CSS']}lottery/js/layer/layer.js"></script>
    <script src="{$_G['URL']['YX2020_CSS']}js/md5.js?v=2"></script>
    <script src="{$_G['URL']['YX2020_CSS']}js/swiper-3.4.2.min.js"></script>
    <link rel="stylesheet" type="text/css" href="{$_G['URL']['YX2020_CSS']}css/style_new.css?v=152">
    {if $config['weixinh5']==2}
    <script src="{$_G['URL']['YX2020_CSS']}js/vconsole.min.js"></script>
    <script> var vConsole = new VConsole(); </script>
    {/if}
    <script>
        var forward = "{$forward}";
        var getavatar_h5 = "{php echo intval($config['getavatar_h5']);}";
    </script>
    <script type="text/javascript" src="{$_G['URL']['PUBLIC_JS']}yx2020/ping.js?v=15"></script>
    <script type="text/javascript" src="{$_G['URL']['PUBLIC_JS']}yx2020/duihua.js?v=18"></script>
    <script type="text/javascript" src="{$_G['URL']['PUBLIC_JS']}yx2020/swiper_2022.js?v=2"></script>
    <script>
        init();
        window.onresize = init;
        function init(){
            document.documentElement.style.fontSize =
                document.documentElement.clientWidth / 7.5 + 'px';
        }
    </script>
    <title>{$theme['title']}</title>
    <style>
/*<!--        禁止页面左右拖动-->*/
        html{
            width:100%;overflow-x:hidden
        }
        body {
            min-width: 7.5rem;
            max-width: 7.5rem;
            width: 7.5rem;
            background: #f7f7f7;
            padding-bottom: 1.13rem;
            overflow-x: hidden;
        }
        .coupon{
            height: 0.96rem;
            background-image: url({$_G['URL']['BEILAI_IMG']}/coupon_countdown.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 7.5rem 0.96rem;
            padding: 0 1.08rem;
            background-color: #ffffff;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .coupon .now_price{
            color: #ffffff;
            line-height: 0.4rem;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding-top: 0.15rem;
        }
        .coupon .now_price .fs30{
            font-size: 0.3rem;
        }
        .coupon .now_price .fs40{
            font-size: 0.4rem;
        }
        .coupon .old_price{
            color: #ffa3c8;
            font-size: 0.22rem;
        }
        .title{
            padding: 0.3rem 0.18rem;
            display: flex;
            flex-direction: column;
            background: #ffffff;
            line-height: 0.5rem;
        }
        .title .top{
            color: #333333;
            font-size: 0.32rem;
        }
        .title .bot{
            color: #999999;
            font-size: 0.24rem;
        }
        .history{
            padding-top: 0.19rem;
            margin-top: 0.14rem;
            background-color: #ffffff;
            padding-bottom: 0.4rem;
        }
        .history .h_title{
            width: 2.15rem;
            height: 0.48rem;
            padding-right: 0.5rem;
            background-image: url({$_G['URL']['BEILAI_IMG']}/title.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 2.65rem 0.48rem;
            margin: 0 auto;
            font-size: 0.28rem;
            color: #ffffff;
            line-height: 0.48rem;
            text-align: center;
        }
        .history .list{
            height: 2.67rem;
            padding: 0 0.26rem;
        }
        .history .list .item{
            /* height: 0.89rem; */
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.26rem;
            color: #999999;
        }
        .history .list .item .h_head img{
            width: 0.65rem;
            height: 0.65rem;
            border-radius: 0.65rem;
        }
        .history .list .item .h_head{
            width: 0.65rem;
            height: 0.65rem;
            border-radius: 0.65rem;
            margin-right: 0.1rem;
            padding-top: 0.19rem;
            padding-bottom: 0.05rem;
        }
        .history .list .item .name{
            min-width: 1.5rem;
            font-size: 0.3rem;
            color: #333333;
        }
        .history .list .item .price{
            width: 1.8rem;
        }
        .history .list .item>span{
            padding-top: 0.19rem;
            padding-bottom: 0.05rem;
        }
        .history .list .item .price i{
            color: #f42f8f;
        }
        .history .data{
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 0.47rem;
        }
        .history .data .body{
            height: 0.55rem;
            background: #f7f7f7;
            margin: 0 auto;
            border-radius: 0.55rem;
            border: 0.01rem dashed #eeeeee;
            padding: 0 0.2rem;
            display: flex;
            justify-content: space-around;
            align-items: center;
            font-size: 0.24rem;
            color: #999999;
        }
        .history .data .visit,.history .data .cart{
            padding: 0 0.18rem;
            display: flex;
            justify-content: space-around;
            align-items: center;
            border-right: 0.01rem solid #dfdfdf;
        }
        .history .data .visit img{
            width: 0.24rem;
            height: 0.16rem;
        }
        .history .data .visit .txt{
            padding-left: 0.08rem;
        }
        .history .data .cart{
            border: none;
        }
        .history .data .cart img{
            width: 0.19rem;
            height: 0.19rem;
        }
        .history .data .cart .txt{
            padding-left: 0.08rem;
        }
        .organization{
            padding-top: 0.19rem;
            margin-top: 0.14rem;
            background-color: #ffffff;
        }
        .organization .h_title{
            width: 2.15rem;
            height: 0.48rem;
            padding-right: 0.5rem;
            background-image: url({$_G['URL']['BEILAI_IMG']}/title.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 2.65rem 0.48rem;
            margin: 0 auto;
            font-size: 0.28rem;
            color: #ffffff;
            line-height: 0.48rem;
            text-align: center;
        }
        .organization video,.organization .video{
            width: 7.01rem;
            border-radius: 0.2rem;
            margin: 0 auto;
            display: block;
            margin-top: 0.28rem;
            overflow: hidden;
            max-height: 3.94rem;
        }
        .organization video{
            margin: 0;
        }
        .organization .list{
            padding-left: 0.21rem;
        }
        .organization .list .item{
            display: flex;
            justify-content: center;
            overflow: hidden;
            /* margin: 0 0.1rem; */
        }
        .organization .list .item .i_box{
            display: flex;
            flex-direction: column;
            border-radius: 0.16rem;
            overflow: hidden;
            margin-top: 0.2rem;
            margin-bottom: 0.2rem;
            border: 0.01rem solid #eeeeee;
            margin-left: 0.03rem;
            margin-right: 0.03rem;
            width: 100%;
        }
        .organization .list .active .i_box{
            border: 0.01rem solid #c9c9c9;
            box-shadow: 0 0 0.1rem 0 #dddddd;
        }
        .organization .list .img{
            margin: 0.1rem;
            overflow: hidden;
        }
        .organization .list img{
            width: auto;
            height: 1.22rem;
            border-bottom-left-radius: 0.16rem;
            border-bottom-right-radius: 0.16rem;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
        }
        .organization .list span{
            color: #999999;
            font-size: 0.24rem;
            text-align: center;
            margin-top: 0.2rem;
            height: 1.4em;
            line-height: 1.4em;
            margin: 0 0.1rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            padding-bottom: 0.1rem;
        }
        .detail{
            margin-top: 0.14rem;
            display: flex;
            flex-direction: column;
            background-color: #ffffff;
        }
        .detail .tabs{
            height: 1.2rem;
            line-height: 0.78rem;
            color: #333333;
            font-size: 0.28rem;
            padding: 0 0.8rem;
            display: flex;
            justify-content: space-around;
            align-items: center;
            border-bottom: 0.01rem solid #eeeeee;
        }
        .detail .tabs .active{
            font-size: 0.32rem;
            color: #f4348e;
            font-weight: bold;
            position: relative;
        }
        .detail .tabs .active::after{
            content: "";
            position: absolute;
            width: 0.34rem;
            height: 0.07rem;
            background: #f91d76;
            bottom: -0.07rem;
            left: 0;
            right: 0;
            margin: auto;
            border-radius: 0.07rem;
        }
        .detail .content{
            background: #f7f7f7;
            padding: 0.13rem 0.16rem;
            border-top-left-radius: 0.2rem;
            border-top-right-radius: 0.2rem;
        }
        .detail .content.fs0{
            font-size: 0;
        }
        .detail .content li{
            display: flex;
            justify-content: flex-start;
            padding: 0.14rem 0.11rem;
            background: #ffffff;
            border-radius: 0.16rem;
        }
        .detail .content img{
            width: 1.89rem;
            height: 1.89rem;
            border-radius: 0.14rem;
        }
        .detail .content.img100{
            padding: 0;
        }
        .detail .content.img100 img,.detail .content.img100 video{
            width: 100%;
            height: auto;
            display: block;
        }
        .detail .content li{
            margin-bottom: 0.12rem;
        }
        .detail .content li .right{
            color: #999999;
            font-size: 0.24rem;
            padding-left: 0.4rem;
        }
        .detail .content li .right .tit{
            width: 4.8rem;
            color: #333333;
            font-size: 0.28rem;
            line-height: 0.64rem;
            position: relative;
        }
        .detail .b_content li .right .tit{
            line-height: 0.5rem;
        }

        .detail .content li .right .tit:after,.detail .content li .right .tit:before {
            width: 0;
            height: 0;
            border: 0.1rem solid transparent;
            border-left-color: #ffffff;
            position: absolute;
            content: "";
            right: 0.42rem;
            top: 0;
            bottom: 0;
            margin: auto;
        }
        .detail .content li .right .tit:before{
            top: 0;
            right: 0.4rem;
            border-left-color: #999999;
        }
        .detail .content li .right .data{
            display: flex;
            justify-content: flex-start;
            padding-top: 0.16rem;
            line-height: 0.42rem;
        }
        .detail .content li .right .data .d_left,.detail .content li .right .data .d_right{
            display: flex;
            flex-direction: column;
        }
        .detail .content li .right .data .d_left{
            padding-right: 0.3rem;
            position: relative;
        }
        .detail .content li .right .data .d_left::after{
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            width: 0.01rem;
            min-width: 1px;
            height: 0.56rem;
            margin: auto;
            background: #eeeeee;
        }
        .detail .content li .right .data .d_right{
            padding-left: 0.3rem;
        }
        .detail .content li .right .data .d_right .dr_t{
            font-size: 0.28rem;
            color: #f91d76;
        }
        .detail .content li .right .data .d_right .dr_b{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .detail .content li .right .data .d_right .dr_b img{
            width: 0.21rem;
            height: 0.21rem;
            margin-right: 0.07rem;
            border-radius: 0;
        }
        .detail .content li .right .name{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 0.1rem;
            margin-top: 0.1rem;
        }
        .detail .content li .right .name span{
            color: #5086ff;
            background: #ecf5ff;
            line-height: 0.32rem;
            padding: 0 0.08rem;
            font-size: 0.2rem;
            border-radius: 0.06rem;
        }
        .detail .content li .right .d_txt{
            color: #999999;
            font-size: 0.24rem;
            line-height: 0.38rem;
        }
        .detail .content li .right .d_txt span{
            font-size: 0.26rem;
            color: #f91d76;
        }
        .detail.tab_top{
            padding-top: 1.21rem;
        }
        .detail.tab_top .tabs{
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 3;
            background: #ffffff;
        }
        .detail.tab_top .reload_location_div{
            position: fixed !important;
        }
        .footer{
            position: fixed;
            bottom: 0;
            background: #ffffff;
            width: 7.5rem;
            left: 0;
            right: 0;
            box-shadow: 0 -0.1rem 0.2rem 0 rgba(200,200,200,0.5);
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 1.13rem;
            z-index: 2;
        }
        .footer .menus{
            display: flex;
            justify-content: space-around;
            align-items: center;
            width: 2.1rem;
            padding-left: 0.16rem;
        }
        .footer .menu1{
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .footer .menu1 img{
            width: 0.32rem;
            height: 0.37rem;
        }
        .footer .menu1 span{
            font-size: 0.22rem;
            color: #999999;
            padding-top: 0.09rem;
        }
        .footer .menu2 img{
            width: 0.33rem;
            height: 0.36rem;
        }
        .footer .menu2{
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .footer .menu2 span{
            font-size: 0.22rem;
            color: #999999;
            padding-top: 0.09rem;
        }
        .footer .button{
            width: 4.69rem;
            height: 0.86rem;
            background:linear-gradient(to right,#f82079,#fe878e);
            color: #ffffff;
            font-size: 0.28rem;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 0.26rem;
            border-radius: 0.2rem;
        }
        .footer .btns{
            width: 4.69rem;
            height: 0.86rem;
            color: #ffffff;
            font-size: 0.28rem;
            display: flex;
            justify-content: space-around;
            border-radius: 0.2rem;
            overflow: hidden;
            margin-right: 0.26rem;
        }
        .footer .btns a{
            flex-grow:1;
            height: 0.86rem;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            color: #ffffff;
        }
        .footer .btns a span{
            line-height: 1.2em;
        }
        .footer .btns a:nth-child(1){
            background:linear-gradient(to right,#fba384,#fd888e);
        }
        .footer .btns a:nth-child(2){
            background:linear-gradient(to right,#fba384,#fd888e);
        }
        .footer .btns a:last-child{
            background:linear-gradient(to right,#f82079,#fe878e);
        }
        .footer .button.start_theme{
            flex-direction: column;
            color: rgba(255,255,255,0.6);
        }
        .footer .button.start_theme .s{
            font-size: 0.2rem;
        }
        .footer .button.over{
            background: #f3f3f3;
            color: #999999;
        }
        .footer .button img{
            width: 0.3rem;
            height: 0.3rem;
            margin-right: 0.12rem;
        }
        .org_detail,.bon_detail{
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: rgba(0,0,0,0.5);
            z-index: 20003;
            display: none;
        }
        .org_detail .org_item,.bon_detail .org_item{
            width: 7.5rem;
            height: 70vh;
            position: absolute;
            bottom: 0;
        }
        .org_detail .org_item .org_title,.bon_detail .org_item .org_title{
            height: 1.1rem;
            line-height: 1.1rem;
            background-image: linear-gradient(to right,#fe7d8c,#f8347d);
            font-size: 0.32rem;
            color: #ffffff;
            text-align: center;
            border-top-left-radius: 0.2rem;
            border-top-right-radius: 0.2rem;
            position: relative;
        }
        .org_detail .org_item .org_title .close,.bon_detail .org_item .org_title .close{
            width: 0.33rem;
            height: 0.33rem;
            position: absolute;
            right: 0.25rem;
            top: 0;
            bottom: 0;
            margin: auto;
        }
        .org_detail .org_item .org_cont,.bon_detail .org_item .org_cont{
            background-color: #f7f7f7;
            height: calc(70vh - 1.1rem);
            overflow-y: auto;
        }
        .org_detail .org_item .serve,.bon_detail .org_item .serve{
            height: 1.55rem;
            background-color: #ffffff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 0.2rem;
        }
        .org_detail .org_item .serve .head,.bon_detail .org_item .serve .head{
            width: 0.86rem;
            height: 0.86rem;
            border: 0.01rem solid #eeeeee;
            border-radius: 0.86rem;
        }
        .org_detail .org_item .serve .name,.bon_detail .org_item .serve .name{
            font-size: 0.32rem;
            display: flex;
            align-items: center;
        }
        .org_detail .org_item .serve .name .txt,.bon_detail .org_item .serve .name .txt{
            display: flex;
            flex-direction: column;
            padding-left: 0.33rem;
            line-height: 0.47rem;
        }
        .org_detail .org_item .serve .name .tel,.bon_detail .org_item .serve .name .tel{
            color: #999999;
            display: flex;
            align-items: center;
            font-size: 0.26rem;
        }
        .org_detail .org_item .serve .name .tel img,.bon_detail .org_item .serve .name .tel img{
            width: 0.22rem;
            height: 0.2rem;
            margin-right: 0.13rem;
        }
        .org_detail .org_item .serve .phone,.bon_detail .org_item .serve .phone{
            width: 0.63rem;
            height: 0.63rem;
        }
        .org_detail .org_item .detail_txt,.bon_detail .org_item .detail_txt{
            background: #ffffff;
            margin-top: 0.14rem;
            padding: 0 0.2rem;
        }
        .org_detail .org_item .detail_txt .dt_txt,.bon_detail .org_item .detail_txt .dt_txt{
            line-height: 0.8rem;
            font-size: 0.32rem;
            padding-left: 0.24rem;
            position: relative;
        }
        .org_detail .org_item .detail_txt .dt_txt::after,.bon_detail .org_item .detail_txt .dt_txt::after{
            content: "";
            display: block;
            position: absolute;
            width: 0.08rem;
            height: 0.31rem;
            background: linear-gradient(to bottom,#f94084,#fed5e4);
            top: 0;
            bottom: 0;
            margin: auto;
            left: 0.01rem;
            border-radius: 0.31rem;
        }
        .org_detail .org_item .detail_txt .db_txt,.bon_detail .org_item .detail_txt .db_txt{
            padding-bottom: 0.2rem;
            margin-top: -0.2rem;
        }
        .org_detail .org_item .detail_txt .db_txt p,.bon_detail .org_item .detail_txt .db_txt p{
            padding-top: 0.3rem;
            font-size: 0.26rem;
            color: #666666;
            text-indent: 2em;
        }
        .org_detail .org_item .address,.bon_detail .org_item .address{
            background: #ffffff;
            margin-top: 0.14rem;
            padding: 0 0.2rem;
            overflow: hidden;
        }
        .org_detail .org_item .address .dt_txt,.bon_detail .org_item .address .dt_txt{
            line-height: 0.8rem;
            font-size: 0.32rem;
            padding-left: 0.24rem;
            position: relative;
        }
        .org_detail .org_item .address .dt_txt::after,.bon_detail .org_item .address .dt_txt::after{
            content: "";
            display: block;
            position: absolute;
            width: 0.08rem;
            height: 0.31rem;
            background: linear-gradient(to bottom,#f94084,#fed5e4);
            top: 0;
            bottom: 0;
            margin: auto;
            left: 0.01rem;
            border-radius: 0.31rem;
        }
        .org_detail .org_item .address .db_txt,.bon_detail .org_item .address .db_txt{
            padding-bottom: 0.2rem;
        }
        .org_detail .org_item .address .db_txt p,.bon_detail .org_item .address .db_txt p{
            font-size: 0.26rem;
            color: #666666;
            text-indent: 2em;
        }
        .org_detail .org_item .course,.bon_detail .org_item .course{
            background: #ffffff;
            margin-top: 0.14rem;
            padding-left: 0.2rem;
            overflow: hidden;
        }
        .org_detail .org_item .course .dt_txt,.bon_detail .org_item .course .dt_txt{
            line-height: 0.8rem;
            font-size: 0.32rem;
            padding-left: 0.24rem;
            position: relative;
        }
        .org_detail .org_item .course .dt_txt::after,.bon_detail .org_item .course .dt_txt::after{
            content: "";
            display: block;
            position: absolute;
            width: 0.08rem;
            height: 0.31rem;
            background: linear-gradient(to bottom,#f94084,#fed5e4);
            top: 0;
            bottom: 0;
            margin: auto;
            left: 0.01rem;
            border-radius: 0.31rem;
        }
        .org_detail .org_item .course .list,.bon_detail .org_item .course .list{
            margin-top: -0.1rem;
        }
        .org_detail .org_item .course .list li,.bon_detail .org_item .course .list li{
            display: flex;
            justify-content: flex-start;
            padding-bottom: 0.25rem;
            padding-top: 0.25rem;
            padding-right: 0.2rem;
            border-bottom: 0.01rem solid #f7f7f7;
        }
        .org_detail .org_item .course .list li:last-child,.bon_detail .org_item .course .list li:last-child{
            border-bottom: none;
        }
        .org_detail .org_item .course .list li .left,.bon_detail .org_item .course .list li .left{
            width: 1.22rem;
            height: 1.22rem;
            border-radius: 0.1rem;
        }
        .org_detail .org_item .course .list li .right,.bon_detail .org_item .course .list li .right{
            padding-left: 0.26rem;
            font-size: 0.28rem;
            color: #333333;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 1.22rem;
            line-height: 0.5rem;
        }
        .org_detail .org_item .course .list li .right .tel,.bon_detail .org_item .course .list li .right .tel{
            width: 0.21rem;
            height: 0.21rem;
            margin-right: 0.08rem;
        }
        .org_detail .org_item .course .list li .right .bot,.bon_detail .org_item .course .list li .right .bot{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            font-size: 0.24rem;
            color: #999999;
        }
        .org_detail .org_item .course .list li .right .bot i,.bon_detail .org_item .course .list li .right .bot i{
            color: #f91d76;
        }
        .slide.hide{
            right: -1rem;
        }
        .slide{
            position: fixed;
            right: 0.07rem;
            top: 2rem;
            font-size: 0.22rem;
            z-index: 20000;
            transition: right 0.3s linear;
        }

        .slide .item{
            width: 0.88rem;
            height: 0.38rem;
            padding-top: 0.5rem;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 0.88rem 0.88rem;
            text-align: center;
            margin-bottom: 0.11rem;
            color: #ffffff;
        }
        .slide .bl_share{
            background-image: url({$_G['URL']['BEILAI_IMG']}/slide_share.png);
        }
        #audio_btn {
            position: static;
            width: auto;
            height: auto;
        }
        .slide .bl_audio{
            background-image: url({$_G['URL']['BEILAI_IMG']}/audio.png);
        }
        .slide .no_audio{
            background-image: url({$_G['URL']['BEILAI_IMG']}/no_audio.png);
        }
        .slide .gift{
            background-image: url({$_G['URL']['BEILAI_IMG']}/gift.png);
        }
        .slide .setting{
            background-image: url({$_G['URL']['BEILAI_IMG']}/setting.png);
        }
        .danmu_slide{
            bottom: 2rem;
            top: auto;
        }
        .join{
            height: 0.86rem;
            padding: 0.2rem 0.4rem;
            background-image: url({$_G['URL']['BEILAI_IMG']}/f_bg.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 7.5rem 1.26rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .join .head{
            width: 0.88rem;
            height: 0.88rem;
            border-radius: 0.2rem;
        }
        .join .name{
            padding-left: 0.16rem;
        }
        .join .name .n_top{
            font-size: 0.28rem;
            color: #ffffff;
        }
        .join .name .bot{
            font-size: 0.22rem;
            color: #ffb2e0;
        }
        .join .btn{
            background-image: linear-gradient(to right,#fffacf,#ffe5ad);
            width: 1.15rem;
            height: 0.59rem;
            border-radius: 0.59rem;
            font-size: 0.22rem;
            color: #cd1c1c;
            text-align: center;
            line-height: 0.59rem;
        }
        

        .coupon_box{
            position: fixed;
            background: rgba(0,0,0,0.5);
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            z-index: 3;
        }
        .coupon_box .coupon_body{
            background-image: url({$_G['URL']['BEILAI_IMG']}/coupon_bg.png);
            background-repeat: no-repeat;
            background-position: center center;
            width: 6.41rem;
            height: 7.06rem;
            background-size: 6.41rem 7.06rem;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }
        .coupon_box .coupon_body .coupon_tit{
            font-size: 0.4rem;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 0.5rem;
        }
        .coupon_box .coupon_body .coupon_tit span{
            position: relative;
            background: linear-gradient(to bottom, #fbe3bb, #f8cb7e);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            font-weight: bold;
        }
        .coupon_box .coupon_body .coupon_tit span::before,.coupon_box .coupon_body .coupon_tit span::after{
            content: "";
            position: absolute;
            background-size: 0.77rem 0.2rem;
            background-repeat: no-repeat;
            background-position: center center;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 0.77rem;
            height: 0.2rem;
        }
        .coupon_box .coupon_body .coupon_tit span::before{
            background-image: url({$_G['URL']['BEILAI_IMG']}/bon_tl.png);
            left: -0.9rem;
        }
        .coupon_box .coupon_body .coupon_tit span::after{
            background-image: url({$_G['URL']['BEILAI_IMG']}/bon_tr.png);
            right: -0.9rem;
        }
        .coupon_box .coupon_body .s_tit{
            font-size: 0.28rem;
            color: #ffffff;
            text-align: center;
            margin-top: 0.2rem;
        }
        .coupon_box .coupon_body .coupon_center{
            width: 4.79rem;
            height: 2.28rem;
            background-image: url({$_G['URL']['BEILAI_IMG']}/coupon_b_bg.png);
            background-size: 4.79rem 2.28rem;
            background-repeat: no-repeat;
            background-position: center center;
            margin: 0.2rem auto 0;
        }
        .coupon_box .coupon_body .coupon_center .main_txt{
            font-size: 0.56rem;
            background: linear-gradient(to bottom, #e77874, #df5a54);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            font-weight: bold;
            text-align: center;
            padding-top: 0.4rem;
            display: block;
            font-weight: bold;
        }
        .coupon_box .coupon_body .coupon_center .s_txt{
            display: flex;
            justify-content: space-around;
            align-items: center;
            padding-top: 0.2rem;
        }
        .coupon_box .coupon_body .coupon_center .s_txt .sl_txt{
            flex-grow: 1;
            color: #f8eff0;
            font-size: 0.34rem;
            text-align: center;
            padding-left: 0.3rem;
            font-weight: bold;
        }
        .coupon_box .coupon_body .coupon_center .s_txt .sr_txt{
            flex-grow: 3;
            background: linear-gradient(to bottom, #e77874, #df5a54);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            font-weight: bold;
            font-size: 0.32rem;
            text-align: left;
            padding-left: 0.5rem;
        }
        .coupon_box .coupon_body .button{
            width: 4.12rem;
            height: 1rem;
            background-image: url({$_G['URL']['BEILAI_IMG']}/button.png);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 4.12rem 1rem;
            font-size: 0.44rem;
            color: #bf352c;
            margin: 0.7rem auto 0;
            line-height: 1rem;
            text-align: center;
            font-weight: bold;
        }
        .coupon_box .coupon_body .tips{
            font-size: 0.2rem;
            color: #f6f3ec;
            text-align: center;
            margin-top: 0.3rem;
        }
        .coupon_box .coupon_body .close,.coupon_box .coupon_body .close img{
            width: 0.59rem;
            height: 0.59rem;
        }
        .coupon_box .coupon_body .close{
            position: absolute;
            bottom: -0.9rem;
            left: 0;
            right: 0;
            margin: auto;
        }

        .screen{
            background: rgba(0,0,0, 0.7);
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 3;
        }
        .teamAlt {
            bottom: -300%;
        }
        .teamAlt {
            z-index: 32;
        }
        .teamAlt {
            padding-bottom: .45rem;
            background: #fff;
            position: fixed;
            left: 50%;
            margin-left: -3.84rem;
            /*z-index: 3;*/
            bottom: -100%;
            max-width: 7.68rem;
            width: 100%;
        }
        .teamTitle {
            font-size: .34rem;
            color: #fff;
            line-height: 1.08rem;
            padding: 0 .27rem 0 .22rem;
            background: linear-gradient(to right,#f82079,#fe878e);
        }
        .peoBox {
            padding-top: .52rem;
        }
        .controlBtn {
            border-radius: .95rem;
            overflow: hidden;
            overflow: hidden;
            width: 6.2rem;
            height: .95rem;
            margin: .27rem auto 0;
            text-align: center;
        }
        .teamTitle .closeB {
            float: right;
            display: block;
            background: url(https://css2020.yixuan.net/2020css/yx2020/images/closeB.png) center no-repeat;
            width: .37rem;
            height: .37rem;
            margin-top: .36rem;
            background-size: 100% 100%;
        }
        .peoBox ul {
            overflow: visible;
            text-align: center;
            padding: .24rem .48rem 0;
            height: 1.04rem;
        }
        .relesPeo {
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 0.88rem;
        }
        .peoBox li {
            width: 1.04rem;
            margin-bottom: .3rem;
            display: inline-block;
            height: 1.04rem;
            position: relative;
            margin: 0 .16rem;
        }
        .peoBox li img {
            border-radius: 50%;
            width: 1.04rem;
            height: 1.04rem;
        }
        .peoBox .tagpeo {
            display: block;
            text-align: center;
            color: #fff;
            background: url(https://css2020.yixuan.net/2020css/yx2020/images/tagbg.png) center no-repeat;
            width: .67rem;
            height: .28rem;
            background-size: 100% 100%;
            line-height: .28rem;
            font-size: .24rem;
            position: absolute;
            left: .65rem;
            top: -.25rem;
        }
        .relesPeo span {
            position: relative;
            color: #999999;
            font-size: .24rem;
        }
        .controlBtn a {
            line-height: .95rem;
            width: 50%;
            display: block;
            float: left;
            color: #fff;
            font-size: .28rem;
        }
        .controlBtn a:nth-child(2) {
            background: linear-gradient(to right,#f82079,#fe878e);
        }
        .controlBtn a {
            line-height: .95rem;
            width: 50%;
            display: block;
            float: left;
            color: #fff;
            font-size: .28rem;
        }
        .relesPeo span:before {
            content: '';
            width: 0.4rem;
            height: 0.03rem;
            top: 0.16rem;
            background: #dcdcdc;
            left: -0.55rem;
            position: absolute;
        }
        .relesPeo span:after {
            content: '';
            width: 0.4rem;
            height: 0.03rem;
            top: 0.16rem;
            background: #dcdcdc;
            right: -0.55rem;
            position: absolute;
        }
        .video-open{
            position: absolute;
            bottom: 10%;
            left: 50%;
            margin-left: -.3rem;
            z-index: 9;
            width: 1.6rem;
            height: .6rem;
            background-image: url();
            background-size: 100% 100%;
            background-repeat: no-repeat;
            padding-left: .6rem;
            box-sizing: border-box;
        }
        .video-open p{
            font-size:.32rem;
            color: #262626;
            line-height: .6rem;
        }
        .closevideo{
            position: absolute;
            color: #ffffff;
            font-size: .6rem;
            font-weight: 300;
            left: .5rem;
            top: .3rem;
            z-index: 999;
            width: .5rem;
            height: .5rem;
            border-radius: 50%;
        }
        .swpier-page{
            position: absolute;
            z-index: 20;
            right: 0;
            bottom: 5%;
            height: .4rem;
            padding: 0 .25rem;
            background: rgba(0,0,0,.6);
            border-radius: .2rem 0 0 .2rem;
            color: #fff;
            font-size: .3rem;
            line-height: .4rem;
        }
        .poster{
            z-index:20004 !important;
        }
        .service{
            z-index:20008 !important;
        }
        .coupon{
            padding-right: 0.2rem;
        }
        .countdown{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            font-size: 0.18rem;
        }
        .countdown #countdown{
            font-size: 0.18rem;
            color: #333333;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 0.06rem;
        }
        .countdown #countdown span{
            color: #ffffff;
            background-color: #fb1c6d;
            height: 0.23rem;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 0.04rem;
            margin: 0 0.04rem;
        }
    </style>
    <style>
        .phb{
            padding: 0;
            border-top: none;
            background-size: 100%;
            padding-bottom: 10px;
        }
        .phbtitle{
            width: 65%;
            padding: 30px 0 20px;
            margin: 0 auto;
        }
        .phbtitle img{
            width: 100%;
        }
        .phbBar{
             background: #fff;
             position: relative;
             padding-top: 0;
             width: 86%;
             margin: 0 auto;
             border: 3px solid #fa451d;
             border-radius: 15px;
         }
        .chosB{
            overflow: hidden;
            margin: 0 auto;
        }
        .chosB span{
            display: block;
            position: relative;
            width: 50%;
            float: left;
            font-size: .32rem;
            line-height: .88rem;
            text-align: center;
            color: #989898;
        }
        .chosB span.on2{
            color: #fb3333;
        }
        .chosB span.on2:after{
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            background: #fb332b;
            width: 30px;
            height: 4px;
            margin-left: -15px;
            border-radius: 4px;
        }
        .tableBox { width:100%; margin:0 auto 0;}
        .tableBox .baby { width:.62rem; margin-right:.24rem;}
        .tableBox td { color:#4d4c4c; font-size:.28rem; padding:.15rem 0; text-align:center;}
        .tableBox th { color:#000000; font-size:.24rem; line-height:.55rem;}
        .tableBox tr:nth-child(1) { background:#f4f4f4;}
        .tableBox tr:nth-child(1) th { color:#999999;}
        .tableBox td img { display:inline-block; margin-right:2px; vertical-align:middle;}
        .tableBox td:nth-child(1) img { width:.32rem;}
        .tableBox td span { font-weight:bold; color:#ed5031; font-size:.28rem;}
        .tableBox .readmore { color:#4d4c4c; display:block; text-align:center; font-size:14px; line-height:2.5;}
        .history .data .body{color: #5086ff;}
        .footer{z-index:12;}
    </style>
</head>
<body>

<div class="dmbox">
    <div id="get_danmu" {if $config['isdanmu']==1}style="position: absolute;"{/if}></div>
</div>



{if $config['isdanmu']>0}
{include file='yx2020/danmu'}
{/if}
<!--优惠券-->
{if $coupon_item}
<div class="coupon_box">
    <div class="coupon_body">
        <div class="coupon_tit"><span>{$coupon_item['shangjia']}</span></div>
        <div class="s_tit">送你一张优惠券</div>
        <div class="coupon_center">
            <span class="main_txt">{$coupon_item['price']}元优惠券</span>
            <div class="s_txt">
                <span class="sl_txt">{$coupon_item['price']}</span>
                <span class="sr_txt">购课抵扣使用</span>
            </div>
        </div>
        <a href="javascript:closeCoupon(1)" ><div class="button">立即领取</div></a>
<!--        <div class="tips">领券后，可在“我的优惠券”中查看</div>-->
        <a href="javascript:closeCoupon(0)" class="close">
            <img src="{$_G['URL']['BEILAI_IMG']}/coupon_close.png" alt="">
        </a>
    </div>
</div>
{/if}

<!--轮播-->
{if count($config['bannerimgs'])<2 && empty($config['bannervideo'])}
<div class="banner " > <img {if !empty($workerposter)}style='pointer-events:auto;'{/if} src="{php echo tomedia($config['headlogo']);}"></div>
{else}
{if !empty($workerposter)}
<style>
    .swiper-slide img{
        pointer-events:auto;
    }
</style>
{/if}
<div class="bannerWarp" style="display: block; position: relative;">
    {if !empty($config['bannervideo'])}
    <div class="video-con" style="width: 100%; height: 100%; background:#000; display: none;z-index: 29;position: absolute" >
        <img src="{$_G['URL']['YX2020_CSS']}images/close.png" class="closevideo" style="pointer-events: auto;">
        <video id="video" poster="{$config['headlogo']}"
               preload="auto" webkit-playsinline="true"  playsinline   x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint" style="width: 100%; height: 100%; background: rgba(0,0,0,0.8);" controls="controls">
            <source src="{$config['bannervideo']}" id = 'bannervideo'>
        </video>
    </div>
    {/if}
    <div class="swiper-container swiper-container-initialized swiper-container-horizontal banner_swiper" style=" position: relative;z-index: 0">
        {if !empty($config['bannervideo'])}
        <div class="video-open">
            <p>00′35″</p>
        </div>
        {/if}
        <div class="swpier-page">
            <span>1</span>/{php echo count($config['bannerimgs']);}
        </div>

        <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1578px, 0px, 0px);">
            {loop $config['bannerimgs'] $item}
            <div class="swiper-slide"> <img src="{$item}"></div>
            {/loop}
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-bullets">
        </div>
    </div>
</div>

<script type="text/javascript">
    var frienduid = 0;
    {if !empty($config['bannervideo'])}
    var  video=$("#video").get(0);

    // var  video=$('#bannervideo');
    var MusicStatus = true;
    $(".video-open").click(function () {
        video.play();
        console.log("open")
        $(this).css("display", "none")
        $(".video-con").css("display", "block")

        MusicStatus = $("#audio_btn").hasClass('off');
        if (!MusicStatus){
            audio_pause();
        }
    });
    $(".closevideo").click(function () {
        console.log("pause")
        video.pause();
        $(".video-open").css("display", "block")
        $(".video-con").css("display", "none")
        if (!MusicStatus){
            audio_play();
        }
    });
    video.addEventListener('pause', function () {
            //暂停开始执行的函数
        $(".video-open").css("display", "block")
    });

    var i = setInterval(function() {
        if(video.readyState > 0) {
            var minutes = parseInt(video.duration / 60, 10);
            var seconds = parseInt(video.duration % 60);
            if(minutes<10){minutes='0'+minutes;}
            if(seconds<10){seconds='0'+seconds;}
            $(".video-open").html("<p>" + minutes +"′"+ seconds +"″</p>");
            clearInterval(i);
        }
    }, 200);
    {/if}

        var swiper = new Swiper('.banner_swiper', {
            loop: true,
            autoplay : 2000,
            onSlideChangeEnd:function(swiper){
                if (swiper.activeIndex-1>0){
                    $(".swpier-page span").html(swiper.activeIndex-1)
                }
            },
        });
</script>
{/if}
<!--轮播-->
<div class="coupon">
    <div>
        <div class="now_price">
            <span class="fs30">￥</span><span class="fs40">{php echo $config['groupprice'];}</span><span class="fs30"></span>
        </div>
        <div class="old_price">￥{php echo  $config['primeprice'];}</div>
    </div>
    <!--倒计时判断-->
    {if $can_countdown}
    <div class="countdown">
        <span>距离结束还剩:</span>
        <span id="countdown">{$countdown_time}</span>
    </div>
    {/if}
    <!--倒计时判断-->
</div>
<div class="title">
    <span class="top">{php echo $theme['title'];}</span>
    <span class="bot">{php echo $theme['desc'];}</span>
</div>
<!--判断当前团内人数-->
<style>
    .pin .subBtn{ display:block; width:92%; margin:0 auto; line-height:2; border-radius:32px; color:#412f06; text-align:center;  background: linear-gradient(to right ,#fed904, #f7e36f); font-size:16px;}
    .pin .subBtn span { font-weight:bold;}
    .pin img { border-radius:50%;}
    .slideList .pin { padding:5px 0; margin-top:5px;}
    .pin { padding:20px 0; background: url(../images/bgg.png) center bottom no-repeat #27282f;}
    .pin ul { overflow:hidden; text-align:center; padding:0 6%;}
    .pin li { width:13.5%; position:relative; margin:0 2% 10px; display:inline-block;}
    .pin li img { display:block; width:100%;}
    .homez { position:absolute;  right:-5px; top:0; border-radius:50%; color:#fff; background:#f0373d; width:24px; height:24px; text-align:center; line-height:24px;font-size:9px;}
    .bbsoft { position:absolute; right:-5px; top:0; border-radius:50%; color:#fff; background:#ff9910; width:24px; height:24px; text-align:center; line-height:24px; font-size:9px;}
    .pin .homez img { display:block; width:100%;}
    .pin .bbsoft img { display:block; width:100%;}
</style>
<div id="pin"></div>

<!--购买记录-->
{if $bl_buy_history ==1}
<div class="history">
    <div class="h_title">购买记录</div>
    <div class="list swiper-container swiper-no-swiping">
        <div class="swiper-wrapper">
            {loop $order_list $item}
            <div class="item swiper-slide">
                <div class="h_head"><img src="{php echo $item['avatar'];}"/></div>
                <span class="name">{php echo $item['username'];}</span>
                <span class="price">支付<i>{$item['fee']}</i></span>
                <span>{php echo date("Y-m-d H:i:s",$item['addtime']);}</span>
            </div>
            {/loop}
        </div>
    </div>
    <div class="data">
        <div class="body">
            <div class="visit">
                <img src="{$_G['URL']['BEILAI_IMG']}/visit.png">
                <span class="txt">{php echo $scannum;}浏览</span>
            </div>
            <div class="cart">
                <img src="{$_G['URL']['BEILAI_IMG']}/cart.png">
                <span class="txt">{php echo $totalsum;}购买</span>
            </div>
        </div>
    </div>
</div>
{/if}

<!--红包排行榜 顶部显示-->
{if $config['iscommshow']==1 && $system['beilai_style']==1}
<div id="phb"></div>
{/if}
<!--红包排行榜-->
<!--
php  机构数据 $$sj_list ['name','logo','topimgs','video']
-->
{if $open_shangjia_video==1}
<div class="organization">
    <div class="h_title">机构视频</div>
    <div class="video">
        <video id="org_video" style="width: 7.01rem;height: 3.94rem;" src="" controls></video>
    </div>
    <div class="list swiper-container">
        <div class="swiper-wrapper" id="sj_list">
            {loop $sj_list $item}
            {if $item['logo'] && $item['video']}            
            <div class="swiper-slide item" onclick="changeVideo('{php echo $item['video'];}','{php echo $item['video_back_img'];}')">
                    <div class="i_box">
                        <div class="img">
                            <img src="{php echo $item['logo'];}"/>
                        </div>
                        <span>{php echo $item['name'];}</span>
                    </div>
                </div>
            {/if}
            {/loop}
        </div>
    </div>
</div>
{/if}
<!--红包排行榜 中间显示-->
{if $config['iscommshow']==2 && $system['beilai_style']==1}
<div id="phb"></div>
{/if}

<div class="detail">
    <ul class="tabs" id="tabs" style="z-index: 11;">
        <li class="active" style="z-index: 11;">活动详情</li>
        <li style="z-index: 11;">机构详情</li>
        <li style="z-index: 11;">奖励详情</li>
    </ul>
    <!--    二次定位-->
    {if $open_position==1}
    <div class="reload_location_div"
         style="height: .6rem;line-height: .6rem;display: flex;justify-content: flex-start;
     background: #ccc;position:sticky;top: 1.16rem;padding-left: .4rem; align-items: center;width: 100%">
        <img src="http://img2020.yixuansoft.cn/images/2/2022/08/w4tNGkAA4ada2kcDcK4gJHlaz24thl.png" style="width: .4rem;height: .4rem;">&nbsp;
        <span class="reload_location" style="font-size: 14px;color: black;">设置您的位置</span>
    </div>
    {/if}
    <!--活动详情-->
    <div class="content fs0 img100">
        {$config['content']}
    </div>
    <!--机构详情-->
    <ul class="content" id="org_tab" style="display: none;">
        {loop $sj_detail_list $index $item}
        <li onclick="showDetail({$index})">
            <img src="{$item['logo']}" alt="" mode="widthFix">
            <div class="right">
                <div class="tit">{$item['name']}</div>
                {if $item['mobile']}<div >联系方式：{$item['mobile']}</div>{/if}
                <div class="data">
                    <div class="d_left">
                        <span>机构{$school_other_name}：{$item['address_total']}个</span>
                        <span>机构{$course_other_name}：{$item['course_total']}门</span>
                    </div>
                    {if $show_course_flag==1}
                    <div class="d_right">
                        <span class="dr_t">{$item['order_total']}人</span>
                        <span class="dr_b"><img src="{$_G['URL']['BEILAI_IMG']}/peo.png"/>已报名</span>
                    </div>
                    {/if}
                </div>
            </div>
        </li>
        {/loop}
    </ul>
<!--    奖励详情-->
    <ul class="content b_content" style="display: none;" id="bon_tab">
        {loop $temp_total_arr $index $row}
        <li onclick="showBonDetail({$index})">
            <img src="{$row['img']}" alt="" mode="widthFix">
            <div class="right">
                <div class="tit">{$row['title']}</div>
                <div class="name">
                    <span>{$row['shangjia']}</span>
                </div>
                <div class="d_txt">{$row['from']}</div>
                <div class="d_txt">价值：<span>￥{$row['price']}</span></div>

            </div>
        </li>
        {/loop}
    </ul>
</div>
<!--机构详情  点击弹出-->
{loop $sj_detail_list $index $item}
<div class="org_detail">
    <div class="org_item">
        <div class="org_title">{$item['name']}<a href="javascript:hideDetail()" class="close"><img src="{$_G['URL']['BEILAI_IMG']}/close.png"></a></div>
        <div class="org_cont">
            <div class="serve">
                <div class="name">
                    <img class="head" src="{$item['kefu']['avatar']}">
                    <div class="txt">
                        <span>{$item['kefu']['name']}</span>
                        <span class="tel"><img src="{$_G['URL']['BEILAI_IMG']}/tel.png">{$item['kefu']['mobile']}</span>
                    </div>
                </div>
                <a href="tel:{$item['kefu']['mobile']}"><img class="phone" src="{$_G['URL']['BEILAI_IMG']}/phone.png"></a>
            </div>
            <div class="detail_txt">
                <div class="dt_txt">机构介绍</div>
                <div class="db_txt">{$item['content']}</div>
            </div>
            <div class="address">
                <div class="dt_txt">机构{$school_other_name}</div>
                <div class="db_txt">
                    {loop $item['address'] $address}
                    <p>{$address}</p>
                    {/loop}
                </div>
            </div>
            <div class="course">
                <div class="dt_txt">机构{$course_other_name}</div>
                <ul class="list">
                    {loop $item['courses'] $course}
                    <li>
                        <img class="left" src="{$course['top_img']}">
                        <div class="right">
                            <span>{$course['name']}</span>
                            {if $show_course_flag}
                            <span class="bot"><img class="tel" src="{$_G['URL']['BEILAI_IMG']}/peo.png"/>已报名<i>{$course['selected_num']}人</i></span>
                            {/if}
                        </div>
                    </li>
                    {/loop}
                </ul>
            </div>
        </div>
    </div>
</div>
{/loop}
<div id="org_detail"></div>

{loop $temp_total_arr $index $item}
<div class="bon_detail">
    <div class="org_item">
        <div class="org_title">{$item['title']}<a href="javascript:hideBonDetail()" class="close">
            <img src="{$_G['URL']['BEILAI_IMG']}/close.png"></a></div>
        <div class="org_cont">
            <div class="address">
                <div class="dt_txt">价值</div>
                <div class="db_txt"><p>{$item['price']}</p></div>
            </div>
            <div class="address">
                <div class="dt_txt">奖励提供商</div>
                <div class="db_txt"><p>{$item['shangjia']}</p></div>
            </div>
            <div class="detail_txt">
                <div class="dt_txt">奖励描述</div>
                <div class="db_txt html">{$item['detail']}</div>
            </div>
        </div>
    </div>
</div>
{/loop}


<!--红包排行榜 底部显示-->
{if $config['iscommshow']==3 && $system['beilai_style']==1}
<div id="phb"></div>
{/if}

<!--底部bottom-->
<div id="teamAlt"></div>
<div id="footmenu">
</div>

{include file='beilai/poster'}
<!--右侧浮标-->
<div class="slide {if $config['isdanmu']==1} danmu_slide {/if}">
    <div class="item bl_share" onclick="showPoster()">分享</div>
    <!-- <div class="item no_audio">音乐</div> -->
    <div class="item bl_audio" id="audio_btn">音乐</div>
    <a href="/{php echo createMobileUrl('wx', array('themeid'=>$themeid,'r'=>'beilai.index.reword','from'=>'mobile'));}"><div class="item gift">礼品</div></a>
    {if !empty($myworker) && $myworker['level']<=3}
    <a href="/{php echo createMobileUrl('x_index', array('themeid'=>$themeid));}"><div class="item setting">管理</div></a>
    {/if}
    {if $themyrecordid}<a href="/{php echo createMobileUrl('myorder', array('themeid'=>$themeid));}">
    <div class="item setting" >核销</div></a>{/if}
</div>
<!--音乐-->
<audio autoplay="autoplay" id="bgaudio" loop="true" src="{php echo tomedia($config['musicsrc']);}"></audio>

{if $setting['btm_img']}
<a href="/{php echo createMobileUrl('wx', array('themeid'=>$themeid,'r'=>'beilai.index.about','from'=>'mobile'));}">
    <div class="join" style="background-image: url({$setting['btm_img']})">
    </div>
</a >
{/if}

<script>
    var url = '/{php echo createMobileUrl("getconfig",array("helpuid"=>$friendlistuid,"themeid"=>$themeid,"fromuid"=>$fromuid,"fopenid"=>$fopenid,"workerid"=>$workerid,"recordid"=>$recordid,"t"=>TIMESTAMP));}';
    dogetconfig(url);
    var postData = {
            record:{php echo empty($showrecord)?0:$showrecord['id'];},
        neednum:{php echo empty($nowgroupneednum)?0:$nowgroupneednum;},
        myid:{php echo empty($themyrecordid)?0:$themyrecordid;},
        mytype:{php echo empty($themyrecord['type'])?0:$themyrecord['type'];},
        helpuid:{php echo empty($friendlistuid)?0:$friendlistuid;},
        workerid:'{php echo empty($workerid)?'':$workerid;}'
    };
    var url = '/{php echo createMobileUrl("getbasebeilai",array("themeid"=>$themeid,"recordid"=>$recordid,"fromuid"=>$fromuid,"fopenid"=>$fopenid,"workerid"=>$workerid,"username"=>$_P['username'],"mobile"=>$_P['mobile'],"t"=>TIMESTAMP));}';
    getyx2020(postData,url);

    function show_info(keyid){
        var now_keyid = {php echo !empty($showrecord['keyid'])?$showrecord['keyid']:0;};
        if (keyid==4 || now_keyid==4){
            $('#footmenu').html(footmenu2);
            mobiletips = {php echo $config['form2']['mobiletext']?"'".$config['form2']['mobiletext']."'":'false';};
            addresstype = {php echo $config['form2']['addresstype']?$config['form2']['addresstype']:0;};
            shopstype = {php echo $config['form2']['shopstype']?$config['form2']['shopstype']:0;};
            datetimetype = {php echo $config['form2']['datetimetype']?$config['form2']['datetimetype']:0;};
            addinfotype = {php echo $config['form2']['addinfotype']?$config['form2']['addinfotype']:0;};
            addresstips = {php echo $config['form2']['address']?"'".\app\model\Theme::get_form_tips($config['form2']['addresstype'],$config['form2']['address'],'address')."'":'false';};
            shopstips = {php echo $config['form2']['shops']?"'".\app\model\Theme::get_form_tips($config['form2']['shopstype'],$config['form2']['shops'],'shops')."'":'false';};
            datetimetips = {php echo $config['form2']['datetime']?"'".\app\model\Theme::get_form_tips($config['form2']['datetimetype'],$config['form2']['datetime'],'datetime')."'":'false';};
            addinfotips = {php echo $config['form2']['addinfo']?"'".\app\model\Theme::get_form_tips($config['form2']['addinfotype'],$config['form2']['addinfo'],'addinfo')."'":'false';};
        }else if (keyid==5 || now_keyid==5){
            $('#footmenu').html(footmenu3);
            mobiletips = {php echo $config['form3']['mobiletext']?"'".$config['form3']['mobiletext']."'":'false';};
            addresstype = {php echo $config['form3']['addresstype']?$config['form3']['addresstype']:0;};
            shopstype = {php echo $config['form3']['shopstype']?$config['form3']['shopstype']:0;};
            datetimetype = {php echo $config['form3']['datetimetype']?$config['form3']['datetimetype']:0;};
            addinfotype = {php echo $config['form3']['addinfotype']?$config['form3']['addinfotype']:0;};
            addresstips = {php echo $config['form3']['address']?"'".\app\model\Theme::get_form_tips($config['form3']['addresstype'],$config['form3']['address'],'address')."'":'false';};
            shopstips = {php echo $config['form3']['shops']?"'".\app\model\Theme::get_form_tips($config['form3']['shopstype'],$config['form3']['shops'],'shops')."'":'false';};
            datetimetips = {php echo $config['form3']['datetime']?"'".\app\model\Theme::get_form_tips($config['form3']['datetimetype'],$config['form3']['datetime'],'datetime')."'":'false';};
            addinfotips = {php echo $config['form3']['addinfo']?"'".\app\model\Theme::get_form_tips($config['form3']['addinfotype'],$config['form3']['addinfo'],'addinfo')."'":'false';};
        }else{
            $('#footmenu').html(footmenu1);
            mobiletips = {php echo $config['mobiletext']?"'".$config['mobiletext']."'":'false';};
            addresstype = {php echo $config['addresstype']?$config['addresstype']:0;};
            shopstype = {php echo $config['shopstype']?$config['shopstype']:0;};
            datetimetype = {php echo $config['datetimetype']?$config['datetimetype']:0;};
            addinfotype = {php echo $config['addinfotype']?$config['addinfotype']:0;};
            addresstips = {php echo $config['address']?"'".$config['address']."'":'false';};
            addresstips = {php echo $config['address']?"'".\app\model\Theme::get_form_tips($config['addresstype'],$config['address'],'address')."'":'false';};
            shopstips = {php echo $config['shops']?"'".\app\model\Theme::get_form_tips($config['shopstype'],$config['shops'],'shops')."'":'false';};
            datetimetips = {php echo $config['datetime']?"'".\app\model\Theme::get_form_tips($config['datetimetype'],$config['datetime'],'datetime')."'":'false';};
            addinfotips = {php echo $config['addinfo']?"'".\app\model\Theme::get_form_tips($config['addinfotype'],$config['addinfo'],'addinfo')."'":'false';};
        }
        set_footbtn_num(btnnum);
        closescreen();
        $('.teamAlt').animate({'bottom':'-300%'},500);
        if (shopstype==4){
            $('.altBox').animate({'bottom':'0'},500);
        }else{
            $('#inforBox').animate({'bottom':'0'},500);
        }
        {if $nowgroupneednum!=0 || $config['tuanmode']==1}
        show_info_new(keyid,2);
        {else}
        show_info_new(keyid,1);
        {/if}
        }

        $(function(){
            var num = $('.setBtn a').length;
            console.log(num);
            if(num==2){
                $('.setBtn a').css('width','50%');
            }
            if(num==1){
                $('.setBtn a').css('width','100%');
            }
            var nux = $('.fixBottom>a').length;
            if(nux==1){
                $('.setBtn').css('width','6.65rem');
            }
        })

        function show_tuan(){
            $('#screen').fadeIn();
            $('.teamAlt').animate({bottom:0},500);
        }

        //背景音乐控制按钮JS
        $(function(){
            let audio_url="{php echo tomedia($config['musicsrc']);}";
            if(!audio_url){
                $("#audio_btn").hide();
            }
            var videosr = $('#bgaudio');
            $("#audio_btn").click(function(){
                if ($(this).hasClass('off')) {
                    videosr[0].play();
                    $(this).removeClass('off');
                    $("#yinfu").addClass("rotate");
                } else {
                    videosr[0].pause();
                    $(this).addClass('off');
                    $("#yinfu").removeClass("rotate");
                };
            })
        });
        document.addEventListener("WeixinJSBridgeReady", function () {
            document.getElementById('bgaudio').play();
        }, false);
        let sj_list='{$sj_list}';
        function changeVideo(url,poster){
            $("#org_video").prop("src",url);
            $("#org_video").attr("poster",poster);
        }
</script>
<script>
    var mySwiper
    $(function(){

        if(mySwiper&&mySwiper.destroy){
            mySwiper.destroy();
            mySwiper = new Swiper('.organization .list', {
                slidesPerView: 3.8
            })
        }else{
            mySwiper = new Swiper('.organization .list', {
                slidesPerView: 3.8
            })
        }
    })
    var hisSwiper = new Swiper('.history .list', {
        loop: true,
        slidesPerView: 3,
        direction : 'vertical',
        autoplay: 2000
    })
    $("#tabs li").click(function(){
        $("#tabs li").removeClass("active");
        $(this).addClass("active");
        $(".detail .content").hide();
        $(".detail .content").eq($(this).index()).show();
    });
    $(".organization .list .item").eq(0).click().addClass("active");
    $(".organization .list .item").click(function(){
        $(".organization .list .item").removeClass("active");
        $(this).addClass("active");
    });
    function showService(){
        $(".service").show();
    }
    function hideService(){
        $(".service").hide();
    }
    function showDetail(index){
        $(".org_detail").hide();
        $(".org_detail").eq(index).show();
    }
    function hideDetail(index){
        $(".org_detail").hide();
    }
    function showBonDetail(index){
        $(".bon_detail").hide();
        $(".bon_detail").eq(index).show();
    }
    function hideBonDetail(index){
        $(".bon_detail").hide();
    }

    {if ($theme['status']==1 && TIMESTAMP < $theme['begintime'])}
    let time_begin = "{php echo $theme['begintime']-TIMESTAMP;}";
    function calcTime(time_begin){
        // 获取天、时、分、秒
        let str=``;
        let day = parseInt(time_begin / (60 * 60 * 24));
        if(day>0){
            str+=`${day}天`;
        }
        let hou = parseInt(time_begin % (60 * 60 * 24) / 3600);
        if(hou>0){
            str+=`${hou}时`;
        }
        let min = parseInt(time_begin % (60 * 60 * 24) % 3600 / 60);
        if(min>0){
            str+=`${min}分`;
        }
        let sec = parseInt(time_begin % (60 * 60 * 24) % 3600 % 60);
        if(sec>0){
            str+=`${sec}秒`;
        }
        $("#time_begin").html(str);
    }

    calcTime(time_begin);
    let time_begin1=setInterval(() => {
        time_begin-=1;
        calcTime(time_begin);
        if(time_begin<=0){
            window.location.reload();
        }
    }, 1000);

    {/if}

    for(let i=0;i<$(".html").length;i++){
        $(".html").eq(i).html($(".html").eq(i).text());
    }
    $(function(){
        var videosr = $('#bgaudio');
        $("#audio_btn").click(function(){
            if ($(this).hasClass('no_audio')) {
                videosr[0].play();
                $(this).removeClass('no_audio');
            } else {
                videosr[0].pause();
                $(this).addClass('no_audio');
            };
        })
    });
    function showCoupon(){
        $(".coupon_box").show();
    }
    function closeCoupon(res){
        if (res){
            layer.msg('领取成功，下单自动抵扣');
        }
        $(".coupon_box").hide();

    }
    $(".slide.danmu_slide").attr({
        bottom:$(".slide.danmu_slide").css("bottom")
    });
    $(function(){
        let countdown=$("#countdown").html();
        let obj;
        countDown();
        // 倒计时方法
        function countDown(){
            //倒计时函数
            if (countdown > 0){
                let time = (countdown);
                // 获取天、时、分、秒
                let day = parseInt(time / (60 * 60 * 24));
                let hou = parseInt(time % (60 * 60 * 24) / 3600);
                let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
                let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
                obj = {
                day: timeFormat(day),
                hou: timeFormat(hou),
                min: timeFormat(min),
                sec: timeFormat(sec)
                }
            }else{
            //活动已结束，全部设置为'00'
                obj = {
                    day: '00',
                    hou: '00',
                    min: '00',
                    sec: '00'
                }
                // wx.showToast({
                //   title: '活动已结束',
                //   icon: 'none',
                //   duration: 2000
                // })
                // setTimeout(function(){
                //   wx.hideToast()
                // },2000)
            }
            let timeStr=`
            `;
            if(obj.day){
                timeStr+=`
                <span>${obj.day}</span>天
                `;
            }
            if(obj.hou){
                timeStr+=`
                <span>${obj.hou}</span>:
                `;
            }
            if(obj.min){
                timeStr+=`
                <span>${obj.min}</span>:
                `;
            }
            if(obj.sec){
                timeStr+=`
                <span>${obj.sec}</span>
                `;
            }
            $("#countdown").html(timeStr);
            // 渲染，然后每隔一秒执行一次倒计时函数
            setTimeout(function(){
                countdown-=1;
                countDown();
            },1000);
        }
        function timeFormat(param){
            //小于10的格式化函数
            return param < 10 ? '0' + param : param;
        }
    });
    window.onscroll=function(){
        
        $(".slide").addClass("hide");
        if($(window).scrollTop()>$(".detail").offset().top){
            $("#tabs").parent(".detail").addClass("tab_top");
        }else{
            $("#tabs").parent(".detail").removeClass("tab_top");
        }
        {if $config['isdanmu']==1}
        $(".slide.danmu_slide").css({
            bottom:parseInt($(".slide.danmu_slide").attr("bottom"))+$(window).scrollTop()+"px",
            top:"auto"
        })
        if(((parseInt($(".slide.danmu_slide").css("top")))<(parseInt($(".slide.danmu_slide").attr("bottom"))))){
            $(".slide.danmu_slide").css({
                top:parseInt($(".slide.danmu_slide").attr("bottom"))+"px",
                bottom:"auto"
            })
        }else{
            $(".slide.danmu_slide").css({
                top:"auto"
            })
        }
        {/if}
        if($(".slide").hasClass("hide")){
            setTimeout(function(){
                $(".slide").removeClass("hide");
                scrollflag=false;
            },200);
        }
    }
    document.addEventListener("WeixinJSBridgeReady", function () {
        document.getElementById('bgaudio').play();
    }, false);
</script>

{include file='beilai/tips'}
{include file='beilai/wxpay'}